import { FC } from "react";
import './index.scss';
import {cardComponentInterface} from '../../../types/interface/common.interface'

const CardComponents: FC<cardComponentInterface> = ({text, imageUrl ,url}) => {
    const toUrl = ()=>{
        console.log('跳转到页面' , url)
    }
    return (
        <div className='out-box flex-column flex-evenly flex-item-center' onClick={toUrl}>
            <i>
                {imageUrl}
            </i>
            <p>
                {text}
            </p>
        </div>
    )
}

export default CardComponents;
